<!DOCTYPE html>
<html lang='en'>

<head>
    <meta charset='UTF-8'>
    <meta name='viewport' content='width=device-width, initial-scale=1.0'>
    <meta http-equiv='X-UA-Compatible' content='ie=edge'>
    <title>登录</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/login.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_2795554_jasm48nqwv.css">
    <link rel="stylesheet" href="../bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="../bootstrap/js/bootstrap.js">
    <link rel="icon" href="../images/logo-mi2.png">
</head>

<body>
        <div id="leftBox">
            <img src="../images/7.png" alt="">
        </div>
        <div id="rightBox">
            <div class="nav">
                <span>小米账号</span>
                <ul>
                    <li>
                        <a href="javascript:;">用户协议</a>
                    </li>
                    <li>
                        <a href="javascript:;">隐私政策</a>
                    </li>
                    <li>
                        <a href="javascript:;">帮助中心</a>
                    </li>
                </ul>
                <ol>
                    <li class="active">
                        <a href="javascript:;">中文(简体)
                            <i class="iconfont icon-sanjiaoxing_o"></i>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">中文(繁体)</a>
                    </li>
                    <li>
                        <a href="javascript:;">English</a>
                    </li>
                </ol>
            </div>
            <div class="login">
                <form>
                    <i class="iconfont icon-sanjiaoerweima code"></i>
                    <div class="form-group">
                        <label for="exampleInputEmail1" class="active">登录</label><label for="exampleInputEmail1" id='reg'>注册</label>
                        <input type="text" class="form-control"id="username" placeholder="邮箱/手机号码/小米ID" style="width:358px;height:62px;">
                    </div>
                    <div class="form-group" style="display:flex;">
                        <input type="password" class="form-control iconfont"id="pwd" placeholder="密码" style="width:300px;height:62px;border-right:none;border-radius:5px 0 0 5px;">
                        <div id="eye" style="width:58px;height:62px;border-left:none;text-align: center;background: #E8F0FE;border:1px solid #ccc;border-left:none;cursor:pointer;line-height: 62px;border-radius:0 5px 5px 0" class = "iconfont icon-biyanjing"></div>
                       <!--  <input type="text" class="form-control iconfont"id="eye" placeholder="&#xe901;" style="width:58px;height:62px;border-left:none;text-align: center;background: #E8F0FE" > -->
                    </div>
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"  id='rem'> 已阅读并同意小米账号用户协议和隐私政策
                        </label>
                    </div>
                    <button type="submit" class="btn btn-primary" style="width:358px;height:62px;background-color: orangered;opacity: 0.5;outline: none;">登录</button>
                </form>
                <span>忘记密码？</span>
                <span>手机号登录</span>
                <p>其他方式登陆</p>
                <div class="other">
                    <div><i class="iconfont icon-zhifubao" style="color:blue"></i></div>
                    <div><i class="iconfont icon-weixin1" style="color:green"></i></div>
                    <div><i class="iconfont icon-qq-copy" style="color:skyblue"></i></div>
                    <div><i class="iconfont icon-weibo" style="color:#ea5d5c"></i></div>
                </div>
            </div>
            
            <div class="footer">
                <p>小米公司版权所有-京ICP备10046444-京公网安备11010802020134号-京ICP证110507号</p>
            </div>
        </div>
</body>
<html>
<script src="../lib/jQuery/jquery-3.6.0.js"></script>
<script src="../js/ajax.js"></script>
<script src="../js/login.js">
</script>
<script src="../js/cookie.js"></script>
<script src="../lib/layer/layer.js"></script>
